<!--
 * @Author: ReinerLau lk850593913@gmail.com
 * @Date: 2022-09-20 16:11:23
 * @LastEditors: ReinerLau lk850593913@gmail.com
 * @LastEditTime: 2023-02-16 16:30:29
 * @FilePath: \robot\src\views\patroling\CircleButton.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div
    tabindex="0"
    :class="[
      'bg-[#33434b]',
      'border',
      'border-solid',
      'border-[#627075]',
      'rounded-full',
      'flex',
      'justify-center',
      'w-12',
      'h-12',
      'items-center',
      'text-white',
      'cursor-pointer',
      'select-none',
      'active:bg-sky-700',
      'focus:bg-sky-500',
    ]"
  >
    <slot></slot>
  </div>
</template>
<script setup></script>
